import type {
  ComponentRecordType,
  GenerateMenuAndRoutesOptions,
} from '@vben/types';


// 在组件内创建 Pinia 实例
// import { createPinia } from 'pinia'
// const pinia = createPinia()

import { generateAccessible } from '@vben/access';
import { preferences } from '@vben/preferences';
import { useUserStore } from '@vben/stores';


import { message } from 'ant-design-vue';

import { getAllMenusApi } from '#/api';
import { BasicLayout, IFrameView } from '#/layouts';
import { $t } from '#/locales';

// const userStore = useUserStore();


const forbiddenComponent = () => import('#/views/_core/fallback/forbidden.vue');




async function generateAccess(options: GenerateMenuAndRoutesOptions) {
  const pageMap: ComponentRecordType = import.meta.glob('../views/**/*.vue');

  const layoutMap: ComponentRecordType = {
    BasicLayout,
    IFrameView,
  };

  /**
   * 在 fetchMenuListAsync 内部再调用 useUserStore()，确保 Pinia 已经初始化后再安全使用 store。
   * 这样就完全符合 Pinia 官方推荐的用法，页面刷新后不会丢失持久化数据，也不会再报 getActivePinia 的错误。
   * */ 
  //获取用户角色权限菜单
  return await generateAccessible(preferences.app.accessMode, {
    ...options,
    fetchMenuListAsync: async () => {
      const userStore = useUserStore(); // 在这里调用，确保 pinia 已初始化
      message.loading({
        content: `${$t('common.loadingMenu')}...`,
        duration: 1.5,
      });
      //传入用户角色名称
      //先查询用户信息，再根据用户角色查询菜单
      return await getAllMenusApi(userStore.userRoles);
    },
    // 可以指定没有权限跳转403页面
    forbiddenComponent,
    // 如果 route.meta.menuVisibleWithForbidden = true
    layoutMap,
    pageMap,
  });
}

export { generateAccess };
